#page_container {
    justify-content: center;
}

.content {
    margin: 0 2%;
    width: 96% !important;
    /* height: 80%; */
    flex: 1;
    position: relative;
}

.each_box {
    width: 200px;
    height: 180px;
    justify-content: space-around;
    align-items: center;
}

/* .bottom {
    height: 25px;
} */

.content_box {
    width: 200px;
    height: 180px;
    position: absolute;
    left: 50%;
    margin-left: -100px;
    top: 50%;
    margin-top: -110px;
}

.content_point {
    width: 100%;
    height: 20px;
    position: absolute;
    bottom: 50px;
    display: flex;
    justify-content: center;
}

.each_point {
    margin: 0 8px;
    /* float: left; */
    width: 8px;
    height: 8px;
    background: #999;
    border-radius: 50%;
    cursor: pointer;
}

.show_point {
    background: rgb(216, 219, 0);
}

.show_box {
    display: flex !important;
}

.hide_box {
    display: none !important;
}

/* 屏幕宽度小于400px */
@media screen and (max-width: 600px) {
    .each_point {
        margin: 0 3px;
    }

}